import React from 'react'
import CustomButton from "../../../../../shared-components/CustomButton/CustomBotton";
import HeaderAvatar from "../HeaderAvatar/HeaderAvatar"
import './UnLoginHeader.css'

const UnLoginHeader = props => {
    const {
        avatarUrl,
        history,
    } = props

    const loginBtn = (
        <div style={{marginLeft: '12px', zIndex: 1,}}>
            <CustomButton
                inline='true'
                size='mid'
                bg='#36C8B9'
                // shadow='0px 6px 10px 0px rgba(43,138,247,0.4)'
                onClick={() => {history.push('login')}}
            >
                <span>登录/注册</span>
            </CustomButton>
        </div>
    )

    return (
        <div className='my-un-login-header-container'>
            <HeaderAvatar avatarUrl={avatarUrl}/>
            {loginBtn}
        </div>
    )
}

export default UnLoginHeader
